// src/pages/login/index.jsx
import Taro from '@tarojs/taro';
import { View, Input, Button, Form } from '@tarojs/components';
import { useState } from 'react';
// import  testApi  from '../../api/test/testApi';
import testApi from '@/api/test/testApi';

export default function LoginPage() {
  // 表单状态管理
  const [formData, setFormData] = useState({
    userAccount: 'zglshyshy',  // 默认账号
    userPassword: '12345678'   // 默认密码
  });

  // 输入框变化处理
  const handleInputChange = (key, value) => {
    setFormData({
      ...formData,
      [key]: value
    });
  };

  // 登录提交处理
  const handleSubmit = async () => {
    try {
      // 显示加载提示
      Taro.showLoading({ title: '登录中...', mask: true });

      // 调用登录接口
      const userInfo = await testApi.login(formData).then(res => {

        console.log(res)
      });
      
      // 登录成功处理
      // 1. 保存token到本地存储
      // Taro.setStorageSync('token', userInfo.token);
      // 2. 保存用户信息（可选）
      // Taro.setStorageSync('userInfo', userInfo);
      // 3. 显示成功提示
      Taro.showToast({ title: '登录成功', icon: 'success', duration: 1500 });
      // 4. 延迟跳转首页
      setTimeout(() => {
        Taro.navigateTo({ url: '/pages/index/index' });
      }, 1500);

    } catch (error) {
      // 错误处理（拦截器已处理提示，这里可做额外逻辑）
      console.error('登录失败:', error);
    } finally {
      // 关闭加载提示
      Taro.hideLoading();
    }
  };

  return (
    <View className='login-container'>
      <View className='input-group'>
        <Input
          className='input-item'
          placeholder='请输入账号'
          value={formData.userAccount}
          onInput={(e) => handleInputChange('userAccount', e.detail.value)}
        />
        <Input
          className='input-item'
          placeholder='请输入密码'
          value={formData.userPassword}
          onInput={(e) => handleInputChange('userPassword', e.detail.value)}
          password
        />
      </View>
      <Button 
        className='login-btn' 
        onClick={handleSubmit}
        type='primary'
      >
        登录
      </Button>
    </View>
  );
}
